import axios from 'axios'
// import { MessageBox, Message } from 'element-ui'
// import store from '@/store'
// import { getToken } from '@/utils/auth'

// create an axios instance
// 创建axios实例
const service = axios.create({
  // baseURL 项目的基准地址
  // vue-cli --- webpack --- Node
  // process --- 是Node 中的全局变量
  // process.env ---》 获取当前用户的环境变量信息
  // VUE_APP_BASE_API 则是我们的配置的根域名
  // 开发环境 --- 就是目前我们写代码的坏境  --- development
  // 生产环境---- 就是项目上线以后运行的环境 ---- production
  // 当运行 npm run dev 时候，会解析.env.development 这个文件
  // 当运行 npm run build 会解析.env.production 这个文件
  // 取出其中定义变量：集成到项目中使用即可
  baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
  // withCredentials: true, // send cookies when cross-domain requests
   // 请求超时，当我们请求一个地址超过5000毫秒以后，还没返回就会报错
  timeout: 5000 // request timeout
})

// 请求拦截器
service.interceptors.request.use(config => {
   
    return config
  },
  error => {
    // do something with request error
    console.log(error) // for debug
    return Promise.reject(error)
  }
)

// 响应拦截器
// 如果使用axios发请求会将返回的数据在包装一层
service.interceptors.response.use(response => {
   // 接收后端返回
    const res = response.data


      return res
  },
  error => {
   
    return Promise.reject(error)
  }
)

export default service








// // 请求拦截器
// service.interceptors.request.use(config => {
   
//     return config
//   },
//   error => {
//     // do something with request error
//     console.log(error) // for debug
//     return Promise.reject(error)
//   }
// )

// // 响应拦截器
// // 如果使用axios发请求会将返回的数据在包装一层
// service.interceptors.response.use(response => {
//    // 接收后端返回
//     const res = response.data

//     // if the custom code is not 20000, it is judged as an error.
//     if (res.code !== 20000) {
//       Message({
//         message: res.message || 'Error',
//         type: 'error',
//         duration: 5 * 1000
//       })

//       // 50008: Illegal token; 50012: Other clients logged in; 50014: Token expired;
//       if (res.code === 50008 || res.code === 50012 || res.code === 50014) {
//         // to re-login
//         MessageBox.confirm('You have been logged out, you can cancel to stay on this page, or log in again', 'Confirm logout', {
//           confirmButtonText: 'Re-Login',
//           cancelButtonText: 'Cancel',
//           type: 'warning'
//         }).then(() => {
//           store.dispatch('user/resetToken').then(() => {
//             location.reload()
//           })
//         })
//       }
//       return Promise.reject(new Error(res.message || 'Error'))
//     } else {
//       return res
//     }
//   },
//   error => {
//     console.log('err' + error) // for debug
//     Message({
//       message: error.message,
//       type: 'error',
//       duration: 5 * 1000
//     })
//     return Promise.reject(error)
//   }
// )